<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>水文地质剖面图</title>
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
		<meta content="" name="description" />
		<meta content="" name="author" />
		
		<link rel="stylesheet" href="../common/css/mui.min.css" />
		<link rel="stylesheet" href="../common/css/common.css" />
		<script src="../common/js/jquery.js"></script>
		<script src="../common/js/layer/layer.js"></script>
		<script src="../common/js/jquery.method.js"></script>
		<script src="../js/common.js"></script>
		<style>
			.no-data{
				text-align: center;
			    margin-top: 30%;
			    font-size: 16px;
			}
		</style>
	</head>
	<body class="fabu" style="background: #fff;">
		<!--<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">水文地质剖面图</h1>
		</header>-->
		<div class="middle-content" style="margin-top:0;">
			<!-- 内容start -->
			<div class="header">
				<div class="header-left">
					<a class="sb-back2" href="#" onclick="backTo()" title="返回"></a>
				</div>
				<div class="header-middle">水文地质剖面图</div>
			</div>
			<div style="height:50px;width: 100%;"></div>
			
		</div>
		<div class="mui-content">
				<div class="mui-content-padded" id="data-sw">
					<img src="#" style="max-width: 100%;height: auto;">
						<div class="no-data">暂无图片！</div>
				</div>
			</div>
	</body>
	 <script type="text/javascript">
	 $(function(){
	 	sw_fun();
	 });
	 	function sw_fun(){
	 		var id=localStorage.getItem("id");
		 	$.ajax({
				url: "http://"+remote_ip+":"+remote_port+"/"+remote_name+"/app/screen/show/localInfo?id="+id, //路径 
				dataType: "json",	
				type: 'POST',
				success: function(data) { //返回数据根据结果进行相应的处理  
					if(data){
						var imgsrc=data.picTwo==undefined ? "" : data.picTwo.replace("|","");
						if(imgsrc!=""){
							$(".no-data").hide();
							$("#data-sw img").show();
							$("#data-sw img").attr("src",imgsrc);
						}else{
							$("#data-sw img").hide();
							$(".no-data").show();
						}
					}
					
				},
				error: function(XMLHttpRequest, textStatus, errorThrown) {
					$.msg("数据获取失败!");
				}
			});	
	 	}
        </script>
</html>
